<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function changeStyle(){
				var d=document.getElementById("title");
				//alert("字体大小："+d.style.fontSize);
				d.style.fontSize="99px";
				d.style.color="#0000FF";
				d.style.height="400px";
				//d.style.fontFamily="叶根友毛笔行书2.0版";
				d.style.backgroundImage="url(../day6/banner.png)";
			}
			function changeStyle2(){
				var d=document.getElementById("title");
				//alert("字体大小："+d.style.fontSize);
				d.style.fontSize="10px";
				d.style.color="black";
				d.style.height="60px";
				//d.style.fontFamily="叶根友毛笔行书2.0版";
				d.style.backgroundImage="";
			}
		</script>
	</head>
	<body>
		<h1 onmouseover="changeStyle()"  onmouseout="changeStyle2()" id="title" style="border: 2px solid red;font-size: 10px;">
			教育改变生活
		</h1>
		<input type="button" value="改变css"  onclick="changeStyle()"/>
	</body>
</html>
